<template>
    <view class="profile-container" style="margin-top: 30rpx;">
        <div style="width: 100%; display: flex; justify-content: center;">
            <image :src="code" style="width: 90%;" mode="scaleToFill" />
        </div>

        <div style="margin-top: 30rpx;  color: #101010; font-size: 72rpx; font-weight: 800; width: 100%; text-align: center;">
            邀请您的患者加入吧
        </div>

        <div
            style="display: flex; justify-content: center; flex-direction: column; justify-content: center; width: 90%; margin-left: 5%;">
            <div style="display: flex;
            justify-content: center; align-items: center;
            color: white;
            font-size: 36rpx;
            background: #4E9DD1;
            margin-top: 24rpx;
            height: 88rpx;
            border-radius: 24rpx;
            ">查看邀请记录</div>
            <div style="display: flex;
            justify-content: center; align-items: center;
            color: white;
            font-size: 36rpx;
background: #02CE9D;
margin-top: 24rpx;
height: 88rpx;
border-radius: 24rpx;
            ">保存图片</div>
            <div style="display: flex;
            justify-content: center; align-items: center;
            color: white;
            font-size: 36rpx;
            height: 88rpx;
            border-radius: 24rpx;
background: #39C2E0;
margin-top: 24rpx;
            ">分享给好友</div>

        </div>

    </view>
</template>

<script>
import { info } from '@/api/user';
import { getShareQrcode } from '@/api/index';
export default {
    data() {
        return {
            statusBarHeight: 0,
            userInfo: {},
            code: ""
        };
    },

    async onShow() {
        // this.getUserInfoFn();
        // 获取分享二维码
        const _res = await getShareQrcode();

        this.code = _res.data.imageUrl;

    },

    methods: {
    },
};
</script>

<style lang="scss" scoped>
page {
    background: #F2F2F2;
    height: 100vh;
}
</style>